<template>
  <div class="products">
    <BsSubmenu :subMenus="subMenus" />
    <section class="banner">
      <div class="text-center f24">
        接口文档
      </div>
    </section>

    <section class="section-1">
      <div class="hd">
        <ul class="list">
          <li v-for="i in 24" :key="i">
            <div class="f20 c1">接口文档</div>
            <div class="f14 c3 mt10">接口文档接口文档接口文档接口文档接口文档接口文档</div>
          </li>  
        </ul>  
      </div>  
    </section>
  </div>
</template>

<script>
import BsSubmenu from '@/components/BsSubmenu'

export default {
  components: {BsSubmenu},
  data (){
    return {
      subMenus: [
        {title: '接口文档', link:'#', active: true},
      ]
    }
  }
}
</script>

<style lang="less" scoped>
.banner{
  background: url(../assets/images/platform/bg.png) no-repeat center center;
  height: 210px;
  color: #fff;
  line-height: 210px;
}
.section-1{
  padding: 80px 0 100px;
  .list{
    overflow: hidden;
    li{
      width: 23%;
      float: left;
      margin:0 2% 2% 0;
      padding: 20px;
      border-bottom: 1px solid #f2f2f2;
    }
  }
}
</style>
